<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<!-- 手指在滑动整个屏幕时，会影响浏览器的行为，比如滚动和缩放。所以在调用touch事件时，要注意禁止缩放和滚动 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>登录</title>
		<link rel="stylesheet" href="../../css/login/loginstyle.css" />
		<link rel="icon" href="../../favicon.ico">
		<link rel="stylesheet" href="../../css/login/spanTag.css">

		<script type="text/javascript" src="../../js/login/jquery.min.js" ></script>
		<script type="text/javascript" src="../../js/login/login.js"></script>
		<script type="text/javascript" src="../../js/login/jquery.slideunlock.js" ></script>
		<!--<script type="text/javascript" src="js/sui.min.js" ></script>-->
	</head>

	<body>

		<div id="login_frame">

			<h3>毕业生离校管理系统</h3>

			<form method="post" onsubmit="return submit()" action="/login">

				<p><label class="label_input">用户名</label></p><input type="text" name="username" id="nickname" class="text_field" placeholder="学号/工号"/>
				<span class="spanStyle" id="usernameSpan">*</span>
				<p><label class="label_input">密码</label></p><input type="password" name="password" id="pwd" class="text_field" placeholder="密码"/>
				<span class="spanStyle" id="passwordSpan">*</span>
				<div class="setting">
					<div id="slider">
						<div id="slider_bg"></div>
						<span id="label">>></span> <span id="labelTip">拖动滑块验证</span>
					</div>
				</div>

				<div id="login_control">
					<input type="submit" id="btn_login" value="登录"/>
				</div>
			</form>
		</div>

	</body>

</html>